iT邦幫忙

DAY 11
7

簡單學電腦繪圖系列 第 11

第十一課 LOGO設計必看

  • 分享至 

  • xImage
  •  

耶黑,連假日過了,這次要開始面對上課跟在系辦打工,還有種種種的事情哈哈哈
不能再逃避了嗚嗚嗚,XD 開玩笑的啦,哪有逃避阿,一直都在認真發着鐵人文呢ˋ ˊ
今天要交大家LOGO設計,藉由許多經典範例與技巧,讓大家學著設計LOGO
LOGO 可是很重要的喲^^

LOGO其實是非常重要的設計,在生活中怎麼能少了它呢。

當代LOGO設計之父,保羅.蘭德(Paul Rand)說
「一個好的logo無法讓一件低劣的產品變得更好,卻能讓一件優良的產品引人注目。」

LOGO並不是要花大錢才能設計出好的LOGO,以下有幾篇有關LOGO由來的小故事

『NIKE』:關於 Nike 最有名的故事莫過於當 年Nike 的知名勾勾LOGO就是請還在上學的設計系學生 Carolyn Davidson 幫忙設計,這位學生獲得35元美金的酬勞,並且獲得在 Nike 公司裡面當設計師的工作機會,合作關係一直到Nike與新的廣告公司合作。在維基百科裡面記載,這位設計師並不是真的只獲得35元美金而已,還得到了鑲有鑽石的金指環、一張證書、數量未知的Nike股票,以表揚她的設計對 Nike 的貢獻。

『Google』:Google的LOGO一直以來都沒有很大的變化,由羅馬體構成的六個字母顏色依序是藍、紅、黃、藍、綠、紅,隨著節慶或是偉人的紀念日等等會在首頁上有不同的圖案顯示,這樣的作法不僅提醒了每個人這些曾經發生過的歷史事件或是需要慶祝的節慶之外,也可以幫助增加搜尋流量,但是你知道嗎?這麼有名的LOGO當初的設計費居然是0元!?當初設計的契機是因為Goolgle的創辦人 Larry Page 和 Sergey Brin 之中的 Larry Page 所設計,原本的「Google」後面還有一個驚嘆號,很明顯就是模仿「Yahoo!」,直到1999年之後才由新的設計師重新改版設計並沿用到現在。

『COCA COLA可口可樂』:夏天一到幾乎人人手上一瓶的可口可樂COCA-COLA,光看到紅色的底和白色的草寫字體就通體舒暢,這個LOGO居然也是0元!?當然不意外是因為這個LOGO是由創造可口可樂的藥劑師 Dr. John S. Pemberton 的合夥人兼會計 Frank M. Robinson 所設計的,他覺得如果他們的商品有兩個「C」,在廣告執行上會有不錯的效果,於是創造了「COCA-COLA」這個詞彙,也就創造了這個LOGO,之後經過多次的設計修改,才變成我們現在看到的LOGO樣子。

資料來源:出乎意料的便宜/昂貴!?知名LOGO的成本價 大人物
< http://daman.cool3c.com/node/63964>

設計是不分高低貴賤的。
我覺得LOGO設計雖然感覺很簡單,但是深層含義是非常重要的,不只有設計的表現,還需要深層的內涵。
LOGO可以代表識別,可以讓人一看就知道,也有很多企業商家,都創建了專屬於自己公司的LOGO,目的就是希望能讓消費者留下深刻印象,也延伸出了許多契機,有人崇愛品牌,也瘋狂於追逐該品牌的各式各樣商品,這也就是所謂的品牌化。

如何開始設計LOGO?
首先要先瞭解到該LOGO用途,一般是作為企業的識別化標誌,那你可以從此企業中的名字、英文名字、代表物、顏色…等等,去發想任何可以與企業緊密結合的元素,再將它利用在LOGO當中。

以下有幾個LOGO設計過程

Vero是一家連鎖品牌,包括餐廳,咖啡廳,飯店,及最新推出的環保瓶裝水。 Vero利用最新科技的淨化水來提煉最天然純淨的水。 這是Vero的設計師在想Logo的草稿圖

New England Breeze是一家製造風速渦輪機及太陽能電池板的公司,主要客戶群是給商用或是家用客戶

Henri Ehrhart 是一個法國酒類製造商公司,已有50年歷史,主要製造酒類賣給大型超市,並在2008年共賣了450萬瓶酒

參考資料:邦立資訊科技 http://www.bondlink.com.tw/webdesign/market-show.asp?id=239

大家可以參考以上那些圖案設計流程,在一般設計者,都喜歡在有格子的紙張上繪圖,LOGO出來的比例就會比較不會亂,當然大家也可以去書局或文具店採買,類似方眼紙。

跟大家整理一下小內,觀看很多LOGO後所作的整理

LOGO創作發想主要元素:
1 文字 / 英文字
2 圖案 / 代表物
3 字型
4 排列
5 色彩

建議大家將草稿畫好之後,可以使用色鉛筆,或有顏色的筆,在上面試試看顏色的配對,當然如果該企業有代表的顏色,就必定要考慮進去唷^^

在學習LOGO設計的路途中,我發現了有些LOGO其實是有固定比率的
讓我們來一起探討吧^^

耶 人都有黃金比例的,更何況LOGO呢哈哈
當初知道LOGO也有黃金比例,我的確嚇得一大跳,我崇愛的品牌Apple,他的LOGO就是一個活生生的例子,讓我們來看一下

Apple的Logo上沒有標識出公司名稱,只有很少的幾家公司會這樣做。但Apple的Logo卻成為全世界最著名的公司標識之一。該Logo具有完美的平衡,映射到Logo上的輪廓是在直徑上遵循斐波那契數列的圓形。
黃金比例:1:1.618的設計,難怪被咬的蘋果,看起來會特別和諧及耐看XD

當然還有很有名的豐田汽車YA TOYOTA ~
Toyota的Logo由三個橢圓組成。美國豐田汽車銷售公司首席發言人Mike Michels在郵件中表示,“兩個交叉的橢圓意在代表客戶與產品……及兩者之間關係的重要性。最外面的橢圓代表業務的全世界及全球特性。”進一步觀察這個Logo,我們會很容易地發現一個基於φ的網格。該網格的網格線間隔遵循黃金分割率φ。

還有美國國家地理的LOGO,超喜歡他的設計,他也有在賣相機包,哈哈
還記得美國國家地理的Logo中黃色的矩形框嗎?你曾經是否很好奇為什麼這個簡單的Logo會如此吸引人?正如你所知道的那樣,答案是黃金分割率。該矩形框的長和寬的比值為1.61。基於黃金矩形的Logo與該組織的座右銘(“激勵人們去關心地球”)十分貼合。

你們知道LOGO的黃金比例,是由什麼時候開始的嗎?

從遠古時代,美觀與美學就開始受到人們的讚揚。但很少有人知道最有效、最平衡完美、最有視覺衝擊力的創作往往和數學有著絲絲的聯繫。直到1860年,德國物理學家、心理學家Gustav Theodor Fechner提出一個簡單比率,通過一個無理數來定義大自然中的平衡,即黃金分割率。Fechner的實驗很簡單:十個矩形具有不同的長寬比,請人們從中選出最美好的一個。結果顯示,最受青睞的選擇是具有“黃金分割率的矩形”(比例為1.618)。

黃金分割率
黃金分割率基於數字φ=1.61803398874……,該數字最早由意大利數學家Fibonacci提出。Φ是斐波那契數列1,1,2,3,5,8,13,21,……中從第二位起相鄰兩數之比,即2/3,3/5,5/8 ,8/13,13/21,...的近似值。在該數字序列中,下一個數字(從第三個開始)是前兩個數字之和,即1+1=2,1+2=3,2+3=5,……。該序列中兩個相鄰數字相比,如5/3=1.67,21/13=1.615,所得的結果與φ(1.618)越來越接近。
這個數字了不起的地方在哪裡呢?一些人認為它是最有效率的結果,自然力量的結果。一些人認為它是設計的普適常量,神的簽名。無論你相信哪一種說法,我們在大自然中所發現的所有設計中,φ為其創造了平衡、和諧與美觀的感覺。那麼,人類在自己的藝術、架構、顏色、設計、作曲,甚至音樂創作中,利用這個在自然界中發現的比率以達到平衡、和諧、美觀的目的,也就不足為奇了。從帕台農神廟到蒙娜麗莎,從埃及金字塔到信用卡,都應用了φ。

資料參考:Logo設計中的黃金分割http://www.csdn.net/article/2012-08-14/2808562
耶瞭解了那麼多內容,是否想要嘗試來自己畫個LOGO呢,不要懷疑,馬上行動ˋ ˊ 快試試看傳說中的黃金比例吧!!! 有些圖案與比例在AI看得到喲,A_A 快去動手試試看哩^^


小內之前的寫過的文章分享XD 沒有看過的朋友們可以看看喲
第一課 如何簡單學電腦繪圖:
http://ithelp.ithome.com.tw/question/10126750

第二課 基礎繪圖認知、技巧 - 「點」篇
http://ithelp.ithome.com.tw/question/10127156?tab=opinion&oid=234239#234239

第三課 基礎繪圖-「線」篇
http://ithelp.ithome.com.tw/question/10127481

第四課 基礎繪圖&平面應用技巧-「面」篇
http://ithelp.ithome.com.tw/question/10127774

第五課 繪畫自己的家&Aode Kuler介紹
http://ithelp.ithome.com.tw/question/10128007

第六課-簡單做卡片設計
http://ithelp.ithome.com.tw/question/10128231

第七課 何謂平面設計 (Graphic Design)
http://ithelp.ithome.com.tw/question/10128466

第八課 中階繪圖-認識明暗度 ( Illustrator 應用篇 )
http://ithelp.ithome.com.tw/question/10128913

第九課 中階繪圖-認識明暗度 ( Photoshop 應用篇 )
http://ithelp.ithome.com.tw/question/10129493

第十課 認識色彩 & 與特別分享 Iris Grac自閉小女孩
http://ithelp.ithome.com.tw/question/10129785

第十一課 LOGO設計必看
http://ithelp.ithome.com.tw/question/10130221

第十二課 簡單設計名片,靠自己最實在
http://ithelp.ithome.com.tw/question/10130641?tab=opinion#bottom

第十三課 簡單玩海報設計
http://ithelp.ithome.com.tw/question/10130944

第十四課、一起拯救報紙,關於報紙設計
http://ithelp.ithome.com.tw/question/10131301

第十五課 雜誌設計由你開始
http://ithelp.ithome.com.tw/question/10131761

第十六課 簡單線上設計、快速輸出、宅配到家 [ 超簡單送禮,必選之一 ]
http://ithelp.ithome.com.tw/question/10132097?tab=opinion#bottom

第十七課 淺談書籍設計,點綴與美化你的內容
http://ithelp.ithome.com.tw/question/10132522

第十八課 3D效果
http://ithelp.ithome.com.tw/question/10133152

第十九課 包裝設計與企業識別化CIS
http://ithelp.ithome.com.tw/question/10133549

第二十課 怎麼開始網頁設計?
http://ithelp.ithome.com.tw/question/10133833

第二十一課 用繪圖記錄生活有趣小事
http://ithelp.ithome.com.tw/question/10134349

第二十二課 手繪圖轉電繪圖-上色教學
http://ithelp.ithome.com.tw/question/10134892

第二十三課 四方人怎麼畫,看這裡
http://ithelp.ithome.com.tw/question/10135252


上一篇
第十課 認識色彩 & 與特別分享 Iris Grac自閉小女孩
下一篇
第十二課 簡單設計名片,靠自己最實在
系列文
簡單學電腦繪圖27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
a25031364
iT邦新手 4 級 ‧ 2013-09-26 21:11:21

這是小弟鐵人賽的LOGO唷,有空可以來坐坐

哇嗚 好可愛喲
小朋友是誰畫低

0
SunAllen
iT邦研究生 1 級 ‧ 2013-09-26 22:29:38

沙發
這個專業!

XD 謝謝你
謝謝

0
Ken(Bigcandy)
iT邦大師 1 級 ‧ 2013-09-27 11:20:07

好讚的內容,推薦+++

謝謝你^^

0

我要留言

立即登入留言